<template lang="pug">
view
	navbar(@height="height" :type="type")
		view.flex.at.jt(slot="header" style="height:100%")
			view.w33(style="text-align: center")
				view(style="margin-left:20px" @click="fanhui")
					<u-icon name="arrow-left" color="#666" size="16"></u-icon>
			view.w33(style="text-align: center") 会员中心
			view.w33(style="text-align: center")
	view.bg(:style="{'background': 'url('+img+') 100% 100%','background-size': '100% 100%','paddingTop':(h+30)+'px'}" style="padding-bottom:30px")
	
		view.ov
			view
				view.w50.box.p10.fl(v-for="item,index in list")
					view.hlist
						view.f14.c6 {{item.title}}
						view.mt10
							text.y.f12 ￥
							text.y(style="font-size:30px") 20.20
	view.bg
		view.header.bg
			view.title.c3.f16 会员权益
			view.f12.c9.mt10 开通会员后，在会员期间内可免费学习本平台内全部空中 课堂内容。
	view.bg
		view.header.bg
			view.title.c3.f16 选择支付方式
			paytype
	view.bg
		button.button.f14 确认开通
</template>

<script>
	import img1 from "@/static/my/bg.png"
	import navbar from "@/components/navbar.vue"
	import paytype from "@/components/paytype.vue"
	export default {
		components:{
			navbar,
			paytype
		},
		data() {
			return {
				h:0,
				type:1,
				img:img1,
				list:[
					{title:'月卡会员'},
					{title:'季卡会员'},
					{title:'半年卡会员'},
					{title:'年卡会员'}
				]
			}
		},
		methods: {
			height(e){
				this.h=e
			},
			fanhui(){
				uni.navigateBack()
			}
		}
	}
</script>

<style>
	page{
		background: #F9F9F9;
	}
.hlist{
	background: #fff;
	text-align: center;
	border-radius: 13px;
	padding: 20px 0;
	border: #eee solid 1px;
}
.header{
	background: #fff;
	border-radius: 6px;
}
</style>
